.clear {
	clear: both;
}

input[type=button],
input[type=submit],
input[type=search],
button {
	cursor: pointer;
	-webkit-appearance: none;
	outline: none;
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.relative {
	position: relative;
}

.bg_white {
	background: #fff;
	;
}

.font12 {
	font-size: 0.12rem;
}

.font14 {
	font-size: 0.14rem;
}

.font-14 {
	font-size: 14px;
}


.font16 {
	font-size: 0.16rem;
}

.font18 {
	font-size: 0.18rem;
}

.font20 {
	font-size: 0.20rem;
}
.font22 {
	font-size: 0.22rem;
}
.font24 {
	font-size: 0.24rem;
}
.font28 {
	font-size: 0.28rem;
}
.font30 {
	font-size: 0.3rem;
}
.font32 {
	font-size: 0.32rem;
}
.font34 {
	font-size: 0.34rem;
}
.font36 {
	font-size: 0.36rem;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}
.auto{
	margin: 0 auto;
}

.flex {
	display: flex;
}

.ml-10 {
	margin-left: 0.1rem;
}

.ml-15 {
	margin-left: 0.15rem;
}

.ml-20 {
	margin-left: 0.2rem;
}

.ml-25 {
	margin-left: 0.25rem;
}

.ml-30 {
	margin-left: 0.3rem;
}
.ml-50 {
	margin-left: 0.5rem;
}
.mr-10 {
	margin-right: 0.1rem;
}

.mr-15 {
	margin-right: 0.15rem;
}

.mr-20 {
	margin-right: 0.2rem;
}

.mr-25 {
	margin-right: 0.25rem;
}

.mr-30 {
	margin-right: 0.3rem;
}

.mt-3 {
	margin-top: 0.03rem;
}

.mt-5 {
	margin-top: 0.05rem;
}

.mt-10 {
	margin-top: 0.1rem;
}

.mt-15 {
	margin-top: 0.15rem;
}

.mt-20 {
	margin-top: 0.2rem;
}

.mt-25 {
	margin-top: 0.25rem;
}

.mt-30 {
	margin-top: 0.3rem;
}
.mt-50 {
	margin-top: 0.5rem;
}

.mb-5 {
	margin-bottom: 0.05rem;
}

.mb-10 {
	margin-bottom: 0.1rem;
}

.mb-15 {
	margin-bottom: 0.15rem;
}

.mb-20 {
	margin-bottom: 0.2rem;
}

.mb-25 {
	margin-bottom: 0.25rem;
}

.mb-30 {
	margin-bottom: 0.3rem;
}

.mb-0{
	margin-bottom: 0 !important;
}

.w-50 {
	width: 0.50rem;
}

.w-100 {
	width: 1rem
}

.w-120 {
	width: 1.20rem
}

.w-150 {
	width: 1.50rem
}

.w-200 {
	width: 2.00rem
}

.w-50bi {
	width: 50%;
}

.w-100bi {
	width: 100%;
}


.font-333 {
	color: #333;
}

.font-666 {
	color: #666
}

.font-888 {
	color: #888
}

.font-666 {
	color: #999
}
.color-4a{
	color: #4A4A4A;
}
.color-4d{
	color: #4d4d4d;
}
.origin {
	color: #C29866;
}

.font-blue {
	color: #0071ED;
}
.color_blue {
	color: #0071ED;
}
.color_red {
	color: #f74e4e;
}
.color_green{
	color:#69C261
}
.color_white{
	color:#fff;
}
.black {
	color: #020202;
}

.hide {
	display: none;
}

.none {
	display: none;
}

.bold {
	font-weight: bold;
	;
}

.txt {
	display: block;
}


.btn {
	display: block;
}

.centerBox {
	display: flex;
	align-items: center;
	justify-content: center;
}

.color_gray {
	color: #A3A3A3;
}

.color_white {
	color: #fff;
}

.align-start {
	align-items: flex-start;
}

.align-center {
	align-items: center;
}

.jus-center {
	justify-content: center;
}

.jus-start {
	justify-content: flex-start;
}

.jus-end {
	justify-content: flex-end;
}

.jus-between {
	justify-content: space-between;
}

.flex-row {
	flex-direction: row;
}

.flex-col {
	flex-direction: column;
}

input[type="text"]:focus {
	outline: none;
}

.color-d1{
	color:#D1D1D1;
}
.color-69{
	color:#696969;
}
.color-94{
	color:#949494;
}

.color-333{
	color:#333333;
}




